<!DOCTYPE html>
<?php
    session_start();
?>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/style_main.css">
    <link rel="stylesheet" href="css/style_banner.css">
    <link rel="stylesheet" href="lib/jquery-ui.css">
    <script src="lib/jquery-1.11.2.min.js"></script>
    <script src="lib/jquery-ui.js"></script>          
</head>

<body>
<!-Cuadro de dialogo-->
    <div id="dialog" title="Login">
    <form method='post' action='result_busqueda.php'>
        Usuario: <input type="text" name="usu" id="usu" required><br><br>
        Contraseña: <input type="password" id="pass" name="pass" required>
        <p id="error">Usuario o contraseña incorrectos</p>
        <h6><a href="#">¿Has olvidado la contraseña?</a></h6>
        <input type="submit" value="Continuar" name="continuar" id="continuar">
    </form>    
        
    <?php
        if(isset($_POST['continuar'])){
        $link = mysql_connect('localhost', 'root','')
        or die('No se pudo conectar: ' . mysql_error());
        mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');

        // Realizar una consulta MySQL
        $query = "SELECT cod_usuario,nombre,tipo_usuario FROM usuario WHERE email='".$_POST['usu']."' AND contrasena=password('".($_POST["pass"])."')";
            
        $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
        $line = mysql_fetch_array($result, MYSQL_ASSOC);
        
            if (mysql_num_rows($result)==1){
                
                session_start();
                
                $_SESSION["cod_usuario"]=$line["cod_usuario"];
                $_SESSION["usuario"]=$_POST["usu"];
                $_SESSION["tipo"]=$line["tipo_usuario"];
                $_SESSION["nombre"]=$line["nombre"];
                
                if($_SESSION["tipo"]=="usuario"){
                    
                    header("refresh:0; url=index.php");

                }else{
                    
                    header("refresh:0; url=index.php");

                }
            }else{
        ?>
        <script>
            $("#dialog").dialog({
            autoOpen:false,
            draggable:false,
            resizable:false,
            closeOnEscape:true,
            modal: true,
            });
            $("#dialog").dialog( "open" );
            $("#menu, #main, #pie").fadeTo(400,0.5);
            $("#error").css("opacity","1");
            
        </script>
        <?php
        }
            
        
        

    // Liberar resultados
    mysql_free_result($result);

    // Cerrar la conexión
    mysql_close($link);
        }
    ?>
    
</div>

<!-Menu-->
    <div id="menu">
		<?php
            include("banner.php");
        ?>
    </div>
    <div id="main">
            
        <div id="news">
            <?php
          
            if(isset($_GET['busqueda'])){
             
                $link = mysql_connect('localhost', 'root', '')or die('No se pudo conectar: ' . mysql_error());
                mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');
                mysql_set_charset('utf8',$link);
                
                $query="SELECT cod_articulo, nombre, imagen FROM articulo WHERE nombre LIKE '%".$_GET['busqueda']."%'";
                $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
                while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
                    echo "<div class='news'>
                    <a class='boton-ficha' href=ficha.php?codigo=".$line['cod_articulo']."><img src='".$line['imagen']."'></a>
                    <a class='boton-ficha' href=ficha.php?codigo=".$line['cod_articulo']."><p>".$line['nombre']."</p></a>
                    </div>";
                 }
                mysql_free_result($result);
                mysql_close($link);
            }
        ?>
            
            
    
        </div>
   
    
    <?php
        include("bannerpie.php");
    ?>
    </div>
    <script>
      $(function() {
        
        $("#dialog").dialog({
            autoOpen:false,
            draggable:false,
            resizable:false,
            closeOnEscape:true,
            modal: true,
        });
        
        $("#f").click(function() {
            $("#dialog").dialog( "open" );
            $("#menu, #main, #pie").fadeTo(400,0.5);
        });
        
        $(".ui-dialog-titlebar-close").click(function(){
            $("#menu, #main, #pie").fadeTo(400,1);
            $("#usu,#pass").val("");
            $("#error").css("opacity","0");
        });
        
        $("#dialog").bind('keydown',function(e){
            if ( $(this).dialog("isOpen")==true && e.which == 27 ) {
                $("#menu, #main, #pie").fadeTo(400,1);
                $("#usu,#pass").val("");
                $("#error").css("opacity","0");
            }   
        });
        $("#texto-buscar").click(function(event){
            $(this).stop().animate({"width":"225px",},750);
            event.stopPropagation();
            
        });
        $("body").click(function() {
            $("#texto-buscar").animate({"width":"150px",},750);
        });
      });
        
        
    </script>
</body>
</html>
